<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>javascript 阶段</title>
</head>
<body>


    <script>
        // 直接量
        var obj = {}
        // 添加属性
        obj.color = "red";
        // 添加方法
        obj.sayHello = function(){ // 函数作用域
            // console.log(obj.color);// "red"
            console.log(this.color,"1.0");  // "red"
            // console.log(this === obj);// true
        }

        // 调用者 obj
        // console.log(obj);
        obj.sayHello();



        // 直接量
        var obj2 = {}
        // 添加属性
        obj2.color = "red";
        // 添加方法
        obj2.sayHello = function(){ // 函数作用域
            console.log(this.color,"2.0");  // "red"
        }
        obj2.sayHello();




        // 直接量
        var obj3 = {}
        // 添加属性
        obj3.color = "red";
        // 添加方法
        obj3.sayHello = function(){ // 函数作用域
            console.log(this.color,"3.0");  // "red"
        }

        // 调用者 obj
        // console.log(obj);
        obj3.sayHello();


        // 总结:
            // 直接量定义对象,产生的冗余代码比较多


    </script>
</body>
</html>